.ui {background:none;background-image:url(http://s.lovewith.me/static/mobile/images/main.png?t=timestamp);background-size:180px 77px;background-repeat:no-repeat;}
.ui-a {position:relative;}
.ui-a:after {content:'';position:absolute;top:0;left:0;width:100px;height:100px;background-image:url(http://s.lovewith.me/static/mobile/images/main.png?t=timestamp);background-size:180px 77px;background-repeat:no-repeat;overflow:hidden;}

.clearfixed:after {content:'';display:block;height:0;width:100%;clear:both;overflow:hidden;}

html, body {background:#f2f2f2;overflow-scrolling: touch;}

a, input, button {touch-action: none !important;}


/* 页头 */
header {position:relative;z-index:10;width:100%;height:46px;background:#F4F4F4;}
	header:before, header:after {content:'';position:absolute;height:1px !important;width:100%;overflow:hidden;}
	header:before {top:45px;background:#c9c9c9;}
	header:after {top:46px;background:#fafafa;}
	
	/* logo */
	.hd-logbox {position:absolute;left:50%;margin-left:-100px;width:200px;height:100%;overflow:hidden;}
		.hd-logo {display:block;margin:0 0 0 37px;width:127px;height:46px;overflow:hidden;}
			.hd-logo:after {top:8px;width:127px;height:29px;background-position:0 0;}
		.hd-logbox-list .hd-logo {margin-top:-46px;-webkit-transition:all 0.45s ease-out;}
		.hd-logbox a {display:block;width:100%;height:46px;line-height:46px;font-weight:100;font-size:20px;text-align:center;white-space:nowrap;color:#666;}
	
	/* 菜单 */
	.hd-menu {float:left;height:100%;}
	.hd-menu:after {display:none;content:'';position:absolute;z-index:1;left:12px;top:26px;width:0;height:0;border:12px solid transparent;border-bottom-color:rgba(0,0,0,.75);}
	.hd-active:after {display:block;}
		.hd-menu summary {width:46px;height:100%;text-indent:-100px;outline:0;}
			.hd-menu summary:after {left:10px;top:13px;width:26px;height:20px;background-position:0 -50px;}
		.hd-menu section {display:none;position:absolute;z-index:1;top:50px;left:5px;right:5px;padding:10px 5px;width:auto;}
		.hd-active section {display:block;background:rgba(0,0,0,.75);}
			/* 分类 */
			.hd-cate {margin-bottom:5px;overflow:hidden;}
				.hd-cate div {overflow:hidden;}
				.hd-cate a {float:left;width:25%;height:31px;line-height:31px;text-indent:5px;font-size:14px;box-sizing:border-box;border-radius:5px;white-space:nowrap;color:#fff;}
			/* 搜索 */
			.hd-search {position:relative;margin:0 5px 15px 5px;padding:6px 10px;background:#fff;}
				.hd-search .inp-text {display:block;width:100%;height:21px;line-height:21px;border:0;font-size:14px;outline:0;}
				.hd-search button {position:absolute;top:3px;right:5px;border:0;width:27px;height:27px;background:none;}
					.hd-search button:after {top:4px;left:4px;width:19px;height:19px;background-position:-49px -49px}
			/* 颜色 */
			.hd-color {height:46px;overflow:hidden;}
				.hd-color span {float:left;margin:0 0 10px 0;padding:0 2px 0 5px;width:11%;box-sizing:border-box;overflow:hidden;}
					.hd-color span a {float:left;width:100%;height:18px;line-height:18px;opacity:0.8;}
	/* 返回 */
	.hd-bak {display:none;float:left;width:36px;height:100%;overflow:hidden;}
		.hd-bak a {display:block;width:100%;height:100%;}
			.hd-bak a:after {top:11px;left:10px;width:16px;height:23px;background-position:-75px -50px;}
	/* 头像 */
	.hd-user {float:right;width:46px;overflow:hidden;}
		.hd-user a {display:block;position:relative;padding:7px 10px 7px 7px;width:32px;height:32px;}
			.hd-user a:after {content:'';position:absolute;top:5px;left:5px;width:32px;height:32px;border:2px solid #fff;border-radius:100%;}
			.hd-user img {border-radius:100%;}


/* 页尾 */
footer {position:relative;padding:15px 0;border-top:1px solid #FEFEFE;text-align:center;font-size:0;} 
	footer:before {content:'';position:absolute;top:-1px;left:0;width:100%;height:1px;background:#ccc;overflow:hidden;}
	footer a {position:relative;display:inline-block;margin:0 18px;font-size:14px;color:#999;}
	/*footer a:first-child::after {content:'';position:absolute;top:3px;right:-19px;height:13px;width:1px;background:#ddd;}*/

/*  */
.page {margin-bottom:15px;min-height:480px;}
	.p-loading:after {content:'数据加载中...';position:absolute;left:50%;top:35%;margin-left:-48px;height:16px;width:96px;line-height:16px;text-indent:21px;background:url(http://s.lovewith.me/static/images/loading.gif?t=20131206) no-repeat 0 0;background-size:16px 16px;}

	/* home */
	.home {}
		.h-item {position:relative;margin-top:-1px;}
		.h-item:before, .h-item:after {content:'';position:absolute;left:0;width:100%;height:2px;overflow:hidden;}
		.h-item:before {top:-1px;height:1px;background:#FEFEFE;}
		.h-item:after {bottom:1px;background:#ccc;}
		.h-item:first-child::before {background:none;}
		.h-item:last-child::after {background:none;}
			.home p {padding:15px 5px;height:19px;line-height:19px;font-size:16px;white-space:nowrap;overflow:hidden;}
			.home ul {overflow:hidden;}
				.home li {float:left;margin-bottom:10px;box-sizing:border-box;padding:0 5px;width:33.333%;}
					.home .s-link {display:block;width:100%;}
						.home .s-link img {display:block;}
					.lazyload {opacity:0;}
					.img-fadein {opacity:1;-webkit-transition:opacity 0.2s ease-in;}
			.hi-tag {padding:5px 0 15px 5px;height:28px;overflow:hidden;}
				.hi-tag a {float:left;margin:0 8px 15px 0;padding:0 8px;height:28px;line-height:28px;color:#fff;background:#EA8989;}
				.hi-tag a:hover {background:#f49999;}
	
	/* cate */
	.list {padding-top:10px;overflow:hidden;}
		.list-tips {position:relative;margin:0 5px 10px;text-align:center;color:#666;}
		.p-loading .list-tips {display:none;}
		.list ul {float:left;padding:0 5px;width:33.33%;box-sizing:border-box;overflow:hidden;}
			.list li {margin-bottom:10px;width:100%;overflow:hidden;}
				.list img {display:block;}

	
	.d-unlike {margin:0 15px 15px;padding:15px 0 0 ;height:42px;text-align:center;font-size:16px;}
		.d-unlike a {position:relative;z-index:0;display:block;line-height:40px;text-indent:-20px;border-radius:3px;color:#fff;background:#EA8989;}
		.d-unlike a:after {position:absolute;top:12px;left:20px;width:26px;height:19px;background-position:-150px 0;}
			.d-unlike a b {font-weight:100;}
            .d-unlike a i {position:absolute;font-style:normal;padding-left:10px;text-indent:0;}
    .d-like {}
        .d-like a {color:#fff;background:#aeaeae;}

	/* 完整dtail */
	.detail {padding:15px;}
		.detail h1 {margin:0 0 8px;font-size:16px;font-weight:100;line-height:21px;}
		.detail .author {margin-bottom:20px;color:#999;}
			.detail .author:before {content:'by ';}
		.d-content {margin-bottom:20px;color:#999;}		
			.d-content a {padding:0 3px;text-decoration:underline;color:#999;}
		.detail span {display:block;margin-bottom:20px;padding:10px;background:#fff;box-shadow:0 0 2px rgba(0,0,0,.3);} 
			.detail img {display:block;width:100%}

		.detail .d-unlike {margin:0;}

	/* degail-single */
	.d-single {padding-top:15px;}
		.ds-img {margin:0 15px 15px;padding:10px;background:#fff;box-shadow:0 0 2px rgba(0,0,0,.3);}
			.ds-img img {display:block;}
		.d-single h1 {margin:0 15px 8px;font-size:16px;font-weight:100;line-height:21px;}
		.ds-author, .ds-color, .ds-tag, .ds-orign {margin:0 15px 5px;color:#999;}
		.ds-author {margin-bottom:10px;}
			.ds-author:before {content:'by ';}
		.ds-color, .ds-tag {font-size:0;}
			.ds-color:before, .ds-tag:before {content:'';display:inline-block;width:60px;height:28px;line-height:28px;font-size:12px;vertical-align:top;}
			.ds-color a, .ds-tag a {display:inline-block;height:28px;line-height:28px;font-size:12px;vertical-align:top;}
		.ds-color {}
			.ds-color:before {content:'颜色：';}
			.ds-color a {width:34px;opacity:0.8;}
		.ds-tag {margin-bottom:0;}
			.ds-tag:before {content:'标签：'}
			.ds-tag a {margin:0 8px 10px 0;padding:0 8px;color:#fff;background:#ea8989;}
		.ds-orign {color:#333;}
			.ds-orign li {padding:0 0 5px;overflow:hidden;}
				.ds-orign span {float:left;width:60px;font-size:12px;color:#999;}
		.ds-item {position:relative;padding:15px 10px 0;border-top:1px solid #ccc;overflow:hidden;}
			.ds-item:before {content:'';position:absolute;top:0;left:0;right:0;height:1px;background:#FEFEFE;}
			.ds-item li {float:left;margin-bottom:10px;box-sizing:border-box;padding:0 5px;width:33.33%;}
				.ds-item li img {display:block;}


	.sign {}
		.sign header {display:none;}
		.s-page {margin-bottom:30px;padding-top:149px;}
			.s-page ul {margin-bottom:14px;position:relative;border:1px solid #aaa;border-radius:5px;background:#fff;overflow:hidden;}
			.s-page ul:after {content:'';position:absolute;top:49px;height:1px;width:100%;background:#ccc;}
				.s-page li {position:relative;height:49px;}
					.s-page label span {position:absolute;top:0;left:0;width:60px;line-height:50px;font-size:14px;text-align:center;color:#666;}
					.s-page .inp-text {padding:15px 10px 14px 60px;border:0;outline:none;width:100%;font-size:14px;box-sizing:border-box;background:none;}

			.s-page:after {top:60px;left:50%;margin-left:-63px;width:127px;height:29px;background-position:0 0;}
			.sp-getpwd {float:right;margin-bottom:10px;color:#ea8989;}
			.s-page .sp-btn, .s-page .sp-btn:hover {clear:both;display:block;margin-bottom:24px;height:32px;line-height:32px;border:1px solid #EA8989;border-radius:2px;font-size:14px;text-align:center;color:#fff;background:#EA8989;}
			.s-page .sp-btn:hover {background:#f49999;}
			/* 登录 */
			.sp-sign {padding:0 15px;}
				.sp-sign h4 {position:relative;margin-bottom:25px;height:17px;line-height:17px;text-align:center;}
					.sp-sign h4:before, .sp-sign h4:after{content:'';position:absolute;left:-15px;right:-15px;height:1px;width:auto;}
					.sp-sign h4:before {top:6px;background:#ccc;}
					.sp-sign h4:after {top:7px;background:#fefefe;}
					.sp-sign h4 span {position:relative;z-index:1;padding:0 10px;color:#666;font-weight:100;background:#F2F2F2;}
				.auth, .auth:hover {display:block;margin-bottom:10px;height:40px;line-height:40px;text-align:center;border-radius:2px;font-size:14px;color:#fff;}
					.auth:after {width:30px;height:27px;left:20px;}
				.auth-qq {background:#338CB8;}
					.auth-qq:after {top:7px;background-position:-100px -50px;}
				.auth-wb {background:#E4633D;}
					.auth-wb:after {top:9px;background-position:-150px -50px;}
			/* 注册 */
			.sp-join {display:none;padding:0 15px;}
				.sp-join p {margin-bottom:15px;height:21px;line-height:29px;}











